@charset "UTF-8";

img {

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease; }



*,:after,:before{ margin: 0; padding: 0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;}

body { font-size: 12px; font-family: Microsoft YaHei,Arial,sans-serif; color: #333;  -webkit-text-size-adjust: 100%; background-color:#fff; overflow-x:hidden;}  



a {color: #333;text-decoration: none; }

a:active {star: expression(this.onFocus=this.blur()); }

a:link,a.visited,a:hover{ text-decoration: none; }

a:hover { color: #906d4f;}



li {list-style: none; }

h1,h2,h3,h4,h5 { font-weight:normal;}

em,i{ font-style:normal;}

textarea, input { background: transparent; outline: none; border: 0px; }

img {vertical-align: top; border: 0; }

.clear{ *zoom:1;}

.clear:after{ display:block; content:''; clear:both; height:0; visibility:hidden;}



.zone-w{ width:1500px; margin-left:auto; margin-right:auto; position:relative;}

.f-l { float: left; }

.f-r {float: right; }

.t-center{ text-align:center;}

.mt15{ margin-top:15px;}

.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}

.mt40{ margin-top:40px;}

.mt50{ margin-top:50px;}



.header{ height:112px; padding:0 75px; line-height:112px; overflow:hidden;}

.header .logo{ float:left; margin-top:16px;}

.header .tel{ float:right; display:inline-block; font-size:36px; color:#906d4f; position:relative;}

.header .tel:before{ display:inline-block; content:''; width:46px; height:45px; background:url(../images/ico-tel.png) no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-23px; left:-60px;}



.nav{ height:80px; background-color:#906d4f;}

.nav .swiper-slide{ float:left; width:12.5%; text-align:center;}

.nav .swiper-slide h3 a{ display:block; line-height:80px; font-size:20px; color:#fff;}

@media screen and (min-width:1024px){

	.nav .swiper-slide.cur h3 a,.nav .swiper-slide:hover h3 a{ background-color:#9f7959;}

}



.footer{ background-color:#93755b; padding:67px 0;}

.f-col{ width:21.8%;}

.f-l-bar{ float:left;}

.f-m-bar{ position:absolute; left:29.47%; right:35.53%; top:0;}

.f-r-bar{ float:right;}



.f-name{ padding-bottom:16px; border-bottom:1px solid #fff;}

.f-name a{ display:block; font-size:18px; color:#fff;}

.f-name a:after{ display:inline-block; content:'+'; float:right;}



.f-l-bar .list{ margin:20px -4px 0;}

.f-l-bar .list li{ width:50%; padding:0 4px; float:left; margin-bottom:12px;}

.f-l-bar .list li a{ display:block; height:38px; line-height:38px; text-align:center; color:#fff; font-size:16px; background-color:#906d4f;}



.f-m-bar .list{ margin:30px -17px 0;}

.f-m-bar .list li{ width:25%; padding:0 17px; float:left; text-align:center;}

.f-m-bar .list li img{ max-width:100%;}

.f-m-bar .list li p{ font-size:13px; color:#fff; margin-top:3px;}



.f-r-bar .con{ margin-top:32px;}

.f-r-bar li{ font-size:16px; color:#fff; margin-bottom:15px; overflow:hidden;}

.f-r-bar li p{ width:72.45%; float:right; }



.copyright{ height:56px; line-height:56px; background-color:#906d4f; color:#fff; font-size:14px; color:#fff;}

.copyright span{ display:inline-block; margin-right:15px;}

.f-left a{ font-size:14px; color:#fff;}

.f-nav{ float:right; position:absolute; right:0; top:0;}

.f-nav a{ font-size:14px; color:#fff;}

.f-nav em{ display:inline-block; margin:0 12px;}



@media only screen and (max-width: 1440px){

	.zone-w{ width:98%;}

	.f-r-bar li p{ width:70.45%;}

}



@media only screen and (max-width:1024px){

	.f-col{ width:28%;}

	.f-m-bar{ right:29.53%;}

	.f-m-bar .list li p{ font-size:12px;}

}



@media only screen and (max-width: 800px){

	.mt20{ margin-top:.2rem;}

	.mt30{ margin-top:.3rem;}

	.mt50{ margin-top:.5rem;}

	.zone-w{ margin-left:.32rem; margin-right:.32rem; width:auto;}

	

	.header{ padding:0 .3rem; line-height:1.12rem; height:1.12rem;}

	.header a.logo{ margin-top:.16rem;}

	.header a.logo img{ width:2.06rem; height:.78rem;}

	.header .tel{ font-size:.36rem;}

	.header .tel:before{ width:.46rem; height:.45rem; margin-top:-.23rem; left:-.6rem;}

	.nav{ background-color:transparent; height:1rem;}

	.nav .swiper-slide{ width:auto;}

	.nav .swiper-slide h3 a{ color:#666; padding:0 .17rem; font-size:.32rem; line-height:1rem; outline:none;}

	.nav .swiper-slide.cur h3 a{ background-color:transparent; color:#906d4f;}

	

	.footer{ padding:.67rem 0 .5rem;}

	.f-l-bar,.f-r-bar{ float:none; width:100%;}

	.f-m-bar{ position:static; margin:.5rem 0;}

	.f-r-bar li p{ width:87.45%;}

	

	.f-name{ padding-bottom:.16rem;}

	.f-name a{ font-size:.24rem;}

	.f-l-bar .list li{ margin-bottom:.12rem;}

	.f-l-bar .list li a{ font-size:.2rem; height:.5rem; line-height:.5rem;}

	

	.f-m-bar .list{ margin-left:-1%; margin-right:-1%;}

	.f-m-bar .list li{ padding:0 1%;}

	.f-m-bar .list li p{ font-size:.14rem;}

	

	.f-r-bar li{ font-size:.2rem; margin-bottom:.15rem;}

	.f-r-bar .con{ margin-top:.32rem;}

	

	.copyright{ height:auto; text-align:center; padding:.4rem 0; line-height:.4rem; font-size:.2rem;}

	.copyright span{ display:block; margin:0;}

	.f-nav{ position:static; width:100%; text-align:center; line-height:.4rem;}

	.f-nav em{ margin:0 .12rem;}

	.f-nav a{ font-size:.2rem;}

}



@media only screen and (max-width: 420px){

	.f-r-bar li p{ width:82.45%;}

}